$colors: (
  //适合作文字的颜色
  T5: #aaa,
  T4: #999,
  T3: #666,
  T2: #43403E,
  T1: #1e1e1e,
  //适合作为背景的颜色
  B1: #fff,
  B2: #f3f3f3,
  B3: #aaa,
  B4: #888,
  B5: #666,
  //主色
  M1: #EF4F1F,
  M2: #8c63fd,
  M1-1: #D72E2F,
  M1-2: #1f223c,
  M1-O1: rgba(#f15a22, 0.1),
  M1-O2: rgba(#f15a22, 0.2),
  M1-O3: rgba(#f15a22, 0.3),
  M1-O4: rgba(#f15a22, 0.4),
  M1-O5: rgba(#f15a22, 0.5),
  //渐变色
  LG1: linear-gradient(to right, var(--C-M1-1), var(--C-M1)),
  //功能色
  success: #02b985,
  fail: #d63031,
  await: #3498db,
  warn: #ff5b3e,

  success-O1: rgba(#02b985, 0.1),
  fail-O1: rgba(#d63031, 0.1),
  await-O1: rgba(#3498db, 0.1),
  warn-O1: rgba(#ff5b3e, 0.1),
  success-O2: rgba(#02b985, 0.2),
  fail-O2: rgba(#d63031, 0.2),
  await-O2: rgba(#3498db, 0.2),
  warn-O2: rgba(#ff5b3e, 0.2),
  success-O3: rgba(#02b985, 0.3),
  fail-O3: rgba(#d63031, 0.3),
  await-O3: rgba(#3498db, 0.3),
  warn-O3: rgba(#ff5b3e, 0.3),
  success-O4: rgba(#02b985, 0.4),
  fail-O4: rgba(#d63031, 0.4),
  await-O4: rgba(#3498db, 0.4),
  warn-O4: rgba(#ff5b3e, 0.4),
  success-O5: rgba(#02b985, 0.5),
  fail-O5: rgba(#d63031, 0.5),
  await-O5: rgba(#3498db, 0.5),
  warn-O5: rgba(#ff5b3e, 0.5),
  //透明色
  T1-O0: rgba(0, 0, 0, 0),
  T1-O1: rgba(0, 0, 0, 0.1),
  T1-O2: rgba(0, 0, 0, 0.2),
  T1-O3: rgba(0, 0, 0, 0.3),
  T1-O4: rgba(0, 0, 0, 0.4),
  T1-O5: rgba(0, 0, 0, 0.5),
  B1-O0: rgba(255, 255, 255, 0),
  B1-O1: rgba(255, 255, 255, 0.1),
  B1-O2: rgba(255, 255, 255, 0.2),
  B1-O3: rgba(255, 255, 255, 0.3),
  B1-O4: rgba(255, 255, 255, 0.4),
  B1-O5: rgba(255, 255, 255, 0.5),
  white: #fff,
  white1: #fefefe,
  white2: #ddd,
  white3: #bbb,
  white4: #999,
  white5: #666,

  black: #000,
  black1: #1e1e1e,
  black2: #333,
  black3: #666,
  black4: #999,
  black5: #aaa,

  black-O0: rgba(0, 0, 0, 0),
  black-O1: rgba(0, 0, 0, 0.1),
  black-O2: rgba(0, 0, 0, 0.2),
  black-O3: rgba(0, 0, 0, 0.3),
  black-O4: rgba(0, 0, 0, 0.4),
  black-O5: rgba(0, 0, 0, 0.5),
  white-O0: rgba(255, 255, 255, 0),
  white-O1: rgba(255, 255, 255, 0.1),
  white-O2: rgba(255, 255, 255, 0.2),
  white-O3: rgba(255, 255, 255, 0.3),
  white-O4: rgba(255, 255, 255, 0.4),
  white-O5: rgba(255, 255, 255, 0.5)
);

:root {
  @each $key, $value in $colors {
    --C-#{"" + $key}: #{$value};
  }
}
.van-theme-dark {
  /**适合作文字的颜色*/
  --C-T1: #fff;
  --C-T2: #f3f3f3;
  --C-T3: #aaa;
  --C-T4: #888;
  --C-T5: #666;
  /**适合作为背景的颜色*/
  --C-B5: #656565;
  --C-B4: #454545;
  --C-B3: #2b2e45;
  --C-B2: #1f213c;
  --C-B1: #15172d;
  /**透明色*/
  --C-B1-O0: rgba(0, 0, 0, 0);
  --C-B1-O1: rgba(0, 0, 0, 0.1);
  --C-B1-O2: rgba(0, 0, 0, 0.2);
  --C-B1-O3: rgba(0, 0, 0, 0.3);
  --C-B1-O4: rgba(0, 0, 0, 0.4);
  --C-B1-O5: rgba(0, 0, 0, 0.5);
  --C-T1-O0: rgba(255, 255, 255, 0);
  --C-T1-O1: rgba(255, 255, 255, 0.1);
  --C-T1-O2: rgba(255, 255, 255, 0.2);
  --C-T1-O3: rgba(255, 255, 255, 0.3);
  --C-T1-O4: rgba(255, 255, 255, 0.4);
  --C-T1-O5: rgba(255, 255, 255, 0.5);

  --C-LG1: linear-gradient(360deg, #9024fd 0%, #7b42f3 100%);
  --C-LG2: var(--C-B1);
}
// 循环生成样式
@each $key, $value in $colors {
  .C-#{"" + $key} {
    color: var(--C-#{$key}) !important;
  }
  .B-#{"" + $key} {
    background: var(--C-#{$key}) !important;
  }
}
